É errado dizer: "Eu programo em HTML e CSS" porque não são linguagens de programação, o correto é dizer: "Eu desenvolvo (crio) em HTML e CSS". Para que seja uma linguagem de programação, precisa-se que a mesma possua estruturas mais complexas e especializadas como: Uso de variáveis simples e compostas, condições, laços e também possua objetos, e nada disso é presente em HTML (porque é fondamentada em marcas e etiquetas) e nem em CSS (porque funciona com seletores, propriedades e valores), mas em JavaScript sim.
Quanto ao uso de cada linguagem, suas principais diferenças são o fato que HTML foca mais no conteúdo da página, CSS o estilo visual da mesma, enquanto que JavaScript faz a parte interativa do site.
<h1&>Exemplo de título</h1>
<p>Exemplo de paragrafo</p>
<img src="foto.png" alt="exemplo de foto"> (não possui fechamento de tag porque não possui conteúdo)
h1 { (seletor)
font-family:Arial; (declaração, onde font-family é a propriedade e Arial o valor)
font-size:20 pt; (pt de pontos ou pixels)
color:blue;
}
1 <!DOCTYPE html> (indica que está sendo escrito em HTML 5)
2 <html lang="pt-br"> (delimita o documento em cabeça e corpo e também define o idioma)
3 <head> (Delimita a cabeça)
4 <meta charset="UTF-8"> (Adiciona suporte a acentuações)
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">(indica que o conteúdo aparecerá em todo espaço disponível na tela no padrão 1:1)
7 <title>Aula 9 - capítulo 3, aula 1</title> (configura o título da página ao lado do favicon na aba de navegação)
8 </head>
9 <body>
10 <h1>Olá, mundo!</h1>
11 </body>
12 </html>